<template>
    <button @click="openModal1">Open Modal11</button>
    <button @click="openModal2">Open Modal12</button>
    <button @click="openModal3">Open Modal13</button>
    <button @click="openModal4">Open Modal14</button>
</template>

<script>

export default {
    name: 'App',
    methods: {
        openModal1(){
            this.$modal.primary({
                title: 'primary',
                content: 'test primary'
            })
        },
        openModal2(){
            this.$modal.success({
                title: 'success',
                content: 'test success'
            })
        },
        openModal3(){
            this.$modal.warn({
                title: 'warn',
                content: 'test warn'
            })
        },
        openModal4(){
            this.$modal.danger({
                title: 'danger',
                content: 'test danger'
            })
        }
    }

}
</script>

<style>

</style>